<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        One-Admin 后台管理 - 用户列表
    </title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
</head>
<body style="overflow: hidden">
<div id="wrapper" class="gray-bg" style="height: 100%">
    <div class="wrapper-content animated fadeIn">
        <div class="row">
            <div class="col-lg-12">
                <div class="ibox">
                    <div class="ibox-title">
                        <h5>列表页示例</h5>
                    </div>
                    <div class="ibox-content">
                        <!--搜索框开始-->
                        <div class="row">
                            <div class="col-sm-12">
                                <form class="form-inline" method="post" action="">
                                    <div class="form-group form-group-sm">
                                        <input id="user_name" class="form-control" type="text" name="title" value="" placeholder="标题"  >
                                    </div>
                                    <button class="btn btn-primary btn-sm" type="submit"><i class="fa fa-search"></i> 搜索</button>
                                </form>
                            </div>
                        </div>
                        <!--搜索框结束-->
                        <div class="hr-line-dashed"></div>
                        <div class="data-table table-responsive">
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr class="table-text-c">
                                    <th>用户名</th>
                                    <th>Email地址</th>
                                    <th>加入时间</th>
                                    <th>上次登录时间</th>
                                    <th>状态</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>
                                <tr class="table-text-c">
                                    <td>张三</td>
                                    <td>1905957868@qq.com</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>2017-05-16 15:23:36</td>
                                    <td>开启</td>
                                    <td>
                                        <a href="">修改</a>&nbsp;
                                        <a href="">删除</a>
                                    </td>
                                </tr>

                                <tr class="table-text-c">
                                    <td colspan="100"><i class="fa fa-info-circle"></i> 暂无数据</td>
                                </tr>
                                </tbody>
                            </table>
                            <div class="text-center">页码显示区</div>
                        </div>
                        <div class="text-right">共5条数据，第1页，共1页</div>
                    </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

<!-- Mainly scripts -->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="js/main.js"></script>

<script>
    $(document).ready(function () {
        $('.i-checks').iCheck({
            checkboxClass: 'icheckbox_square-green',
            radioClass: 'iradio_square-green'
        });
    });
</script>

</body>

</html>
